@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

* {
  margin:0;padding:0; 
} 
html, body {
  height: 100%;
  direction:rtl;
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
}

h1
{
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  font-size:24px;
  color:#14a6dd;
  dbackground:#14a6dd;
  padding: 0px 12px;
  width: 300px;
  text-align:right;
}

h2
{
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  font-size:15px;
  color:#14A6DD;
  text-align:right;
}

h3
{
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  font-size:20px;
  color:#14a6dd;
  background:#fff;
  padding: 0px 12px;
  padding-left:35px;
  margin-top:3px;
  display:inline-block;

}

textarea:focus, input:focus{
    outline: 0;
}

input :disabled
{
  background:#ccc;
}

textarea {
	text-align:right;
	border:1px solid #eee;
	border-radius:10px;
	margin-top:5px;
	width:91%;
	min-height:100px;
	resize:vertical;
	max-height:500x;
	padding:5px;
	color:#14A6DD;
}

.company-selection[disabled="disabled"] ,.client-selection[disabled="disabled"]
{
  color:#c0c0c0;
  pointer-events:none;
}

.disabled-div[disabled="disabled"],.bookings-edit-row[disabled="disabled"]
{
  color:#c0c0c0;
  pointer-events:none;
}

.disabled-style[disabled="disabled"]
{
  background:#999;
  pointer-events:none;
}

/*input[type='checkbox'] {
	visibility: hidden;
}*/

#getCompanies
{
    background: #14A6DD;
    color: #fff;
    font-size: 13px;
    padding-bottom: 10px;
}

.registerd-details
{
  /*position:absolute;
  top:-1px;*/
  float:left;
}

input:disabled
{
  background:#ccc;
}

a
{
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  font-size:13px;
  color:#fff;
  text-decoration:none;
}

 input
{
  /*width:189px;*/
  border-radius:20px;
  color:#acacac;
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  font-size:14px;
  /*padding-right:14px;*/
  padding:2px 4px;
  background:#fff;
  border:1px solid #ccc;
}

.long-input {
	width:93%;
}
label
{
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  font-size:14px;
  color:#14a6dd;
  margin-right:5px;
}

label.error
{
  margin-right:5px;
}

select
{
   width:189px;
  color:#acacac;
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  font-size:13px;
  padding:0 5px 0 0;
  position:relative;
  top:8px;
  margin-bottom:17px;
  background:#fff;
  border: 1px solid #ccc;
}



form input[type='submit']
{
  /*width:85px;*/
  color:#14A6DD;
  /*padding-right:0px;*/
  cursor:pointer;
  margin-top:5px;
}




#wrap {
  min-height: 100%;
}

#search,#export
{
  left: 37px;
}

#search
{
  top:23px;
}

#export
{
  top:72px;
}



/*Opera Fix*/
body:before {
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;/* negate effect of float*/
}

/* header stuff */
#header {
  height:110px;
  background:rgb(238, 238, 238);
  border-bottom:6px solid #999;
}

#header-wrap
{
  width:940px;
  padding:10px 0; /*changed from 12px*/
  margin:0 auto;
}



.error-message,.error-message-edit,.success-message-edit
{
  background: rgba(179, 11, 11, 0.9);
  border: 1px solid #CCC;
  color: #FFF;
  width: 80%;
  padding: 7px 5px;
  height: 20px;
  margin: 0px auto;
  margin-top:10px;
}

.login-page .error-message,.login-page .error-message-edit,.login-page .success-message-edit
{
  margin-top:-5px; !important;
}


.register-message
{
  position:relative !important;
  top:0;
  left:0;
  margin: 0 auto;
  width: 560px;
  text-align: center;
}

.show-results
{
  height: 35px;
  background: #CCC;
  margin-bottom: 6px;
  border:1px solid rgb(20, 166, 221);
  text-align: center;
  width: 99.9%;
  position: relative;
  left: 1px;
}

.category-page .show-results
{
  width: 938px;
}

.show-results p
{
  margin-right:7px;
  font-size:13px;
  display:inline-block;
}

.error-message p,.error-message-edit p,.success-message-edit p
{
  font-size: 13px;
  position: relative;
  right: 6px;
  text-align:center;
  font-weight:bold;
}

.success-message-edit
{
  background:#54d343;
  color:white;
}


 
#user-bar
{
  background:#14a6dd;
  width:238px;
  height:45px;
  position:absolute;
  bottom:-65px;
  right:0px;
  padding: 0 5px;
  color:#fff;
}

#sign-in
{
  font-size: 21px;
  padding-right: 14px;
  position: relative;
  top: 3px;
}

.home #user-bar /*specific for home*/
{
  bottom:-45px;
}

#forgot input[type='text']
{
  border: 1px solid #ddd;
  margin-right: 7px;
}

#forgot input[type='submit']
{
  background:url(../images/prev.png) no-repeat;
  width:43px;
}

.more-right
{
  right:184px !important;
}

#user-name
{
  width:150px;
  margin-top:7px;
}

#icons a
{
  margin-left:4px;
}

#user-name img
{
  margin-left:7px;
}

.home-icon
{
  margin-bottom:4px;
}

.notification-wrapper
{
  position:relative;
  display:inline-block;
  
}

#txtHint
{
  display: none;
  width: 454px;
  background: none repeat scroll 0% 0% rgba(242, 242, 242, 0.9);
  margin-top: 20px;
  position: absolute;
  top: 147px;
  right: 309px;
  border-radius: 4px;
  z-index:100000;
}

.hintlink
{
  display: block;
  border-bottom: 1px solid rgb(204, 204, 204);
  color: rgb(143, 141, 141);
  font-weight: bold;
  padding-bottom: 10px;
  padding: 10px 13px 10px 10px;
  
}

.hintlink .author
{
  font-size:11px;
}

.end-list
{
  position: relative;
right: 197px;
}

.hintlink:hover
{
  background:#14A6DD;
  color:#fff;
}

#txtHint img
{
  margin-left:8px;
}
.notification
{
  bottom: 4px;
  right: -11px;
  background: url("../images/notification-icon.png") no-repeat scroll 0% 0% transparent;
  width: 20px;
  height: 22px;
  z-index: 100;
  position: absolute;
}

.notification p
{
  text-align:center;
  font-weight:bold;
  position: relative;
  top: -1px;
}


.menu-wrap
{
  left:-22px;
  bottom:0;
}

.menu-wrap ul li
{
  float:left;
  list-style: none;
  margin-left:24px;
  border-bottom:5px solid #14a6dd;
}

.menu-wrap ul li.last 
{
  margin-left:10px;
}

.menu-wrap ul li a
{
  color:#14a6dd;
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  text-decoration:none;
  font-size:20px;
  
}

/* main content Area */

#main {
  overflow:auto;
  padding-bottom: 120px; /* must be same height as the footer */
  width:940px;
  margin:15px auto; /*was 90px*/
  clear:both;
  position:relative;
}

.home #main
{
  margin:50px auto;
}

/* row1 stuff */
#row1
{
  overflow:hidden;
}

.signed
{
  background: #14a6dd;
}

.sign-up
{
  width:300px;
  background: #14A6DD;
  background-position:left;
  dheight:100%;
  margin:0 auto;
  padding:20px;
}

.sign-up div
{
  margin:41px 23px;
}

#sign-up-form a,#register a
{
    position: relative;
    top: 10px;
}

#sign-up-form input
{
  margin-bottom:10px;
}


.search-box
{
  background: #ccc url("../images/book-bg.png");
  width:690px;
  height:100%;
}

.search-box.signed
{
  margin:0 auto;
}


#registeration,#login-form
{
	margin:0;
  padding: 20px 30px;
  margin-top:20px;
}

#registeration input,#login-form input
{
  border:1px solid #ccc;
}

#registeration span,#login-form span
{
  font-family: 'Droid Arabic Kufi',Helvetica,sans-serif;
  font-size:22px;
  color: #14a6dd;
}



.register-page
{
  width:495px;
}

.register-page #submit-button
{
  width: 30%;
  padding:0;
  font-size: 18px;
}



/* latest stuff */
#latest,#most-viewed
{
  height:260px;
  overflow:hidden;
  margin-top:9px;
}

#latest-slider
{
  width:940px;
  height:200px;
  margin-top:5px;
}

#most-viewed
{
  margin-top:35px;
  background: #ccc;
}

.scrollable
{
  position:relative;
  overflow:hidden;
  height:100%;
  width:825px;
}
/* slider  */

.scrollable .items {
  /* this cannot be too large */
  width:200000em;
  position:absolute;
}

.items div {
  float:right;
}


a.browse {
    display:block;
    width:56px;
    height:202px;
    margin-top: -2px;
    cursor:pointer;
    font-size:1px;
}

a.prev
{
  background:url(../images/right-arrow.png) no-repeat;
  
}

a.next
{
  background:url(../images/left-arrow.png) no-repeat;
  background-position:right;
  margin-right:2px;
  margin-top:0px;
}



.slider-image
{
  margin-left:18px;
  margin-right:18px;
}

#most-h1
{
  width:187px;
}

.book-price
{
  position: absolute;
  right: 18px;
  top: 0px;
  background: rgba(20, 166, 221, 0.5);
  direction:ltr;
  font-weight:bold;
  font-family:arial;
  font-size:17px;
  padding: 3px 14px 8px 15px;
  display:none;
}

.book-name
{
  position: absolute;
  bottom: 18px;
  background: none repeat scroll 0% 0% rgba(20, 166, 221, 0.5);
  font-family: 'Droid Arabic Kufi',arial;
  font-size: 17px;
  height: 64px;
  width: 153px;
  left: 18px;
  display: none;
  padding: 1px 7px;
  line-height:26px;
}

#most-viewed .book-name,#most-viewed .book-price
{
  background: none repeat scroll 0% 0% rgba(179, 11, 11, 0.5);
}


.book-name span
{
  margin-top:10px;
  font-size: 15px;
}


.book-labels
{
  display:inline-block;
}

/* footer */

#footer {
  position: relative;
	margin-top: -120px; /* negative value of footer height */
	height: 120px;
	clear:both;
  background: #fff repeat-x;;
} 

#footer-mini
{
  height: 115px;
  width:100%;
  background: rgb(238, 238, 238) repeat-x;
  border-top:6px solid #999;

}

#foot
{
  width:940px;
  overflow:hidden;
  margin:0px auto;
}

.left-footer
{
  margin-top:20px;
  width:207px;
}

.left-footer div
{
  margin-bottom:10px;
}

.left-footer img
{
  margin-left:10px;
  
}

.left-footer p
{
  color:#14a6dd;
  font-weight:bold;
  font-size:16px;
}

.right-footer
{
  width:480px;
  margin:0 auto;
  margin-top:20px;
}

.right-footer li
{
  float:right;
  margin-left:4px;
  list-style:none;
}

.right-footer a
{
  color:#000;
  font-weight:bold;
}


 
/* end of slider  */


/* classes for properties */

.left { float:left !important;}
.right { float:right !important;} 
.middle { margin:0 auto !important; }
.clear { clear:both !important; }

.absolute { position:absolute !important; }

.relative { position:relative !important; }

.block
{
  display:block !important;
}

.center
{
  text-align: center !important;
}

.max-width800
{
  max-width:780px !important;
}

.pop-up-side td
{
  border:none !important;
}

.text-right
{
  text-align: right !important;
}

.text-left
{
  text-align: left !important;
}


.top10
{
  margin-top:10px !important;
}

.top15
{
  margin-top:15px !important;
}

.top20
{
  margin-top:20px !important;
}

.top30
{
  margin-top:30px !important;
}

.bottom20
{
  margin-bottom:20px !important;
}

.bottom25
{
  margin-bottom:25px !important;
}

.regular
{
  font-weight:normal;
}

.font12
{
  font-size:12px;
}

.bold
{
  font-weight:bold;
}



/* colors */

.blue {color:#14a6dd !important;}
.white {color:#fff !important;}
.grey {color:#707070 !important}
.light-grey {color:#c2c2c2 !important;}
.orange {color:#d2954d !important;}
.red{color:#F00 !important;}
.green{color:#060 !important;}
.blues{color:#6ea4f4 !important;}
.black {color:#000 !important;}

.bg-orange {background:#d2954d !important;}
.bg-blue {background:#14a6dd !important;}
.bg-light-grey {background:#c2c2c2 !important;}

.hidden {display:none !important;}
.light-hidden {display:none;}
.cursor {cursor: pointer !important;}

.bold {font-weight:bold !important;}
.nobold {font-weight:normal !important;}
.no-opacity {opacity:1 !important;}

.xxsmall {font-size:9px !important;}
.xsmall {font-size:10px !important;}
.small {font-size:12px !important;}
.hsmall {font-size:13px !important;}
.xxmedium {font-size:16px !important;}
.medium {font-size:17px !important;}
.xmedium {font-size:19px !important;}
.large {font-size:20px !important;}
.xlarge {font-size:30px !important;}

.ltr {direction:ltr !important}
.myriad {font-family:Myriad Pro,arial !important}

.nomargin{margin:0 !important;}
.nopadding{padding:0 !important;}
.margin-right5{margin-right:5px !important;}
.padding-10 {padding:10px !important;}
.padding-side {padding:0 10px !important;}
.margin-side {padding:0 10px !important;}
.margin-side-5 {padding:0 5px !important;}
.padding-top-right5 {padding: 5px 8px 0px 0 !important}
.margin-bottom5 {margin-bottom:5px !important;}
.margin-top5 {margin-top:5px !important;}
.margin-top15 {margin-top:15px !important;}
.margin-left11 {margin-left:11px !important;}
.margin-left20 {margin-left:20px !important;}
.margin-top-slight {margin-top:2px !important;}
.padding-bottom5 {padding-bottom:5px !important;}
/*book page*/

#right-column {
	width:600px;
	border:5px solid#14A6DD;
	float:right;
	margin-bottom:7px;
}


.book-info-box {
  width: 600px;
  padding-bottom: 12px;
}

.book-img {
	width:150px;
	height:220px;
	border:6px solid #14a6dd;
	margin:0 25px;
	margin-top:20px;
	background:#14a6dd;
  overflow:hidden;
}

.book-desc-box {
	dheight:200px;
	width:600px;
	background:#14A6DD;	
}

.desc-text {
  padding: 0 23px 15px 10px;
}

.book-name2 {
	width:350px;	
}

.social-box {
	margin-left:20px;
}

#search-header
{
  height:35px;
}

#left-column {
	width:320px;
	float:left;
	dmargin:0 10px;
}

#best-price-wrapper
{
  background:#c2c2c2;
}

#best-price-wrapper,#places-wrapper
{
  background:#c2c2c2;
}

#places-wrapper
{
  margin-bottom:10px;
  padding-bottom: 1px;
}

#best-price-wrapper
{
  margin-top:10px;
  padding-bottom: 1px;
  width: 100%;
  text-align:center;
}


#left-column-title {
	background:#14a6dd;
	padding:0 10px 2px 10px;
	width:100%;
	margin-top:8px;
  text-align:right;
}

#places-column {
	margin-right:10px;
	font-size:20px;	
margin-left: 40px;
}

#stars-social
{
  width: 376px;
}

#price-column {
	font-size:20px;
  margin-left:10px;
}

#best-price-title {
	background:#d2954d;
	padding:10px;
	width:100%;
	margin-top:8px;
	border-top:8px solid #fff;
}

#best-price-box {
	background:#FFF;
	margin:15px auto;
  display: inline-block;
 padding: 0px 18px;
}

#the-best-price {
  font-size: 88px;
  height: 98px;
  margin-top: -17px;
}

.bottom-border {
	border-bottom:3px solid #fff;	
}

/*Library page*/

#library-info-box {
	border:6px solid #14a6dd;
	height:513px;
}

#library-title-box {
	height:95px;
	background:#14a6dd;
}

.library-title {
	font-size:30px;
	padding:18px;
	padding-right:62px;
	margin-right:20px;
	width:450px;
	background:url(../images/book_icon.png) no-repeat right;
}

#library-logo {
	width:180px;
	height:35px;
	margin:27px
}

#library-info-row {
	height:110px;
	margin:10px 30px;
  margin-left:0px;
}

.last-cell
{
  margin-left:0 !important
}

#library-info-cell {
	width:30%;
	height:100px;
	float:right;
	margin:4px 13px;
}

.info-cell-2 {
	width:67% !important;
}

#icon-holder {
	float:right;
	padding:10px;
	height:80px;
}

#info-holder {
	float:right;
	padding:10px;
	height:80px;
}

#library-box-footer {
	height:48px;
	background:#14a6dd;
}

.library-slider {
	width:235px;
}

#library-map {
	height:384px;
	margin:20px 0;
	background:url(../images/map-test.png) no-repeat right;
}

#library-map-title {
  padding: 5px 10px;
  background: none repeat scroll 0% 0% rgba(20, 166, 221, 0.6);
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  top: 14px;
  z-index: 100000000000000000;
}


/*categories page*/

.category h2 {
	font-size:24px;
	background:url(../images/book_icon.png) no-repeat right;
	padding-right:65px;
}

#page-selection-cat
{
  text-align:center;
}

#cat_wrapper
{
  margin-top:60px;
}

#cat_wrapper div
{
  margin-bottom:10px;
}

.category
{
  background: #14a6dd;
  width: 257px;
  height: 50px;
  padding: 0px 5px;
  color:#fff;
  padding:5px 20px;
  margin-left:24px;
  /*border: 2px solid rgb(238, 238, 238);*/
}

/* Search results*/
.sidebar
{
  width:248px;
  background:#d2954d;
  margin-left:10px;
  padding: 5px 0;
  padding-bottom:0;
}

.sidebar label
{
  color:#fff;
  font-weight:bold;
}

.sidebar select
{
  border-radius:4px;
  margin-right:5px;
  width:163px;
    -webkit-appearance: none; 
     -moz-appearance: none; 
     text-indent: 0.01px;
 text-overflow: "";
 background:#fff url(../images/down-arrow-orange.png) no-repeat left; 

}

#pricefilter
{
right: 200px;
cursor: pointer;
position: relative;
margin-top: -47px;
}

.sidebar input
{
  width: 46px;
  border-radius: 3px;
  margin-top:5px;
}

#from
{
  margin-left:10px;
}

#library
{
  margin-right:10px;
}

#language
{
  margin-right:26px;
}

#al-hasab
{
  margin-right:12px;
  margin-bottom: 10px;
}

.book-list-container
{
  width:682px;
}
.book-list
{
  width:100%;
  height:185px;
  background:#14a6dd;
  overflow:hidden;
  margin-bottom:6px; /*changed from 10px*/
}

#page_numb
{
  width: 30px;
  height: 40px;
  background: #fff;
  color: #14a6dd;
  position:absolute;
  right:0;
  top:60px;
  padding-left: 2px;
}

#page_numb p, .price-review p
{
  font-family:Myriad Pro,arial;
  text-align:center;
  font-size:30px;
  position:relative;
  top:1px;
  
}

#list-image
{
  border: 6px solid rgb(255, 255, 255);
  margin-top: 18px;
  margin-right: 42px;
  margin-left:20px;
}

.book-details
{
  margin-top: 20px;
  color: #fff;
  width: 375px;
}

.book-details p
{
  font-weight:bold;
  font-size:11px;
  
}

.col1
{
  margin-left:50px;
}

.price-review
{
  margin-left:20px;
  margin-top:10px;
  width:125px;
  color:#14a6dd;
  
}

#price
{
  
  height:30px;
  background:#fff;
  margin-bottom:5px;
}

#price p
{
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  font-size:16px;
  top:2;
  font-size: 17px;
  top: -3px;

}

#price2
{

  height:100px;
  background:#fff;
  margin-bottom:10px;
}

#price2 p
{ 
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  font-size:17px;
  top:12px;
}

#huge-price
{
  font-size:41px !important;
  top:20px !important;
   font-family:Myriad Pro,arial !important;

}

.rating-starts
{
  left: 10px;
  position: relative;
}

div.rating-cancel
{
  display:none;
}

#stars-social
{
  margin-right: 7px;
  margin-top: 8px;
}

.book-stars div.star-rating {float:left;width:30px;height:30px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
.book-stars div.star-rating,.book-stars div.star-rating a{background:url(../images/big-stars.png) no-repeat 0 0px !important}
.book-stars div.star-rating a{display:block;width:30px;height:100%;background-position:0 0px;border:0}
.book-stars div.star-rating-on a{background-position:0 -30px!important}
.book-stars div.star-rating-hover a{background-position:0 -30px !important}


div.star-rating{float:left;width:20px;height:21px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star-rating,div.star-rating a{background:url(../images/star.png) no-repeat 0 0px}
div.star-rating a{display:block;width:18px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -19px!important}
div.star-rating-hover a{background-position:0 -19px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


/*pagination styling*/



.pagination{
	display:inline-block;
	padding-left:0;
	margin:15px;
	border-radius:4px;
  direction:rtl;
}

.pagination>li{
	display:inline
}

.pagination>li>a,.pagination>li>span{
	position:relative;
	padding:6px 12px;
	line-height:1.428571429;
	text-decoration:none;
	color:#14a6dd;
	margin-left:2px;
  font-family:'Droid Arabic Kufi',Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  position: relative;
  top: 3px;
  
}

.pagination>li:first-child>a,.pagination>li:first-child>span{
	margin-left:0;
	border-bottom-left-radius:4px;
	border-top-left-radius:4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span{
	border-bottom-right-radius:4px;
	border-top-right-radius:4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{
	color:#2a6496;
}

#page-selection
{
  text-align:center;
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{
	z-index:2;
	color:#fff;
	background:#000;
	border-color:#428bca;
	cursor:default
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{
	color:#ccc;
	background:url(../images/active-page.png) no-repeat;
  width: 12px;
  height: 24px;
position: relative;
top: 3px;
	border-color:#ddd;
	
}

.pagination>li:first-child.disabled>span,.pagination>li:first-child.disabled>span:hover,.pagination>li:first-child.disabled>span:focus,.pagination>li:first-child.disabled>a,.pagination>li:first-child.disabled>a:hover,.pagination>li:first-child.disabled>a:focus
{
  background:url(../images/prev.png) no-repeat;
  width: 12px;
  height: 22px;
  position: relative;
  top: 4px;
}

.pagination>li:last-child.disabled>span,.pagination>li:last-child.disabled>span:hover,.pagination>li:last-child.disabled>span:focus,.pagination>li:last-child.disabled>a,.pagination>li:last-child.disabled>a:hover,.pagination>li:last-child.disabled>a:focus
{
  background:url(../images/next.png) no-repeat;
  width: 12px;
  height: 22px;
  position: relative;
  top: 4px;
}

.pagination-lg>li>a,.pagination-lg>li>span{
	padding:10px 16px;
	font-size:18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{
	border-bottom-left-radius:6px;
	border-top-left-radius:6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{
	border-bottom-right-radius:6px;
	border-top-right-radius:6px
}

.pagination-sm>li>a,.pagination-sm>li>span{
	padding:5px 10px;
	font-size:12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{
	border-bottom-left-radius:3px;
	border-top-left-radius:3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{
	border-bottom-right-radius:3px;
	border-top-right-radius:3px
}

.next a
{
  background:url(../images/next.png) no-repeat;
  width: 12px;
  height: 22px;
  position: relative;
  top: 4px;
}

#apartments-selection
{
  text-align:center;
}


.prev a
{
  background:url(../images/prev.png) no-repeat;
  width: 12px;
  height: 22px;
  position: relative;
  top: 4px;
    margin-right:20px;

}

#map-canvas
{
  height: 384px;
  margin: 4px 0px;
  margin-top: -43px;
  margin-bottom:15px;
}

.register-with-arrow {
	background:url(../images/left-arrow-white.png) no-repeat left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:140px;
}

#login-buttom {
	font-size:27px;
	font-weight:bold;
	color:#fff;
	padding:15px 35px;
	margin:15px 0;
	dwidth:280px;
	dheight:82px;
	background:#acacac;
	border-radius:10px;
	float:right;	
  cursor:pointer;
}

#register-buttom {
	font-size:27px;
	font-weight:bold;
	color:#fff;
	padding:15px 55px;
	margin:15px 0;
	background:#14a6dd;
	border-radius:10px;
	float:left;	
}


.login-dialog-title {
	width:525px;
	padding:30px 45px;
	text-align:right;
	font-size:30px;
}


#login-dialog {
	background: white;
	dpadding: 20px 30px;
	text-align: right;
	max-width: 615px;
	margin: 40px auto;
	position: relative;
}

#login-dialog input
{
  border:1px solid #dbdbdb;
}

#username-password-login {
	padding:30px 50px;
	dheight:300px;
}

.enter-fields {
	margin-left:35px;
}

#register-dialog
{
	background: white;
	text-align: right;
	max-width: 440px;
	margin: 40px auto;
	position: relative;
}

#submit-button
{
  border:none !important;
  text-align:center;
  background:#14a6dd;
  color:#fff;
  border-radius:5px;
  padding: 5px 0px;
  width: 100%;
  border-radius: 6px;
  font-family: 'Droid Arabic Kufi',Helvetica,sans-serif;
  font-size: 39px;
  font-weight: bold;
  margin: 15px 0px 0px;
}

.login-button
{
  width:40% !important;
  background:#acacac !important;
}

.register-pop-up select
{
  width:205px;
  
  -webkit-appearance: none; 
     -moz-appearance: none; 
     text-indent: 0.01px;
 text-overflow: "";
 background:url(../images/arrow-down.png) no-repeat left; 
}

label.error
{
  color: #F00;
  font-size: 10px;
  font-weight: bold;
  margin-bottom:10px;

}

input.error
{
  border:2px solid #ff0000 !important;
}

#left-arrow
{
  position: absolute;
  bottom: 30px;
  left: 45px;
}


#register-dialog .right
{
  margin-top:-5px;
  font-size:17px !important;
}



#header-of-register
{
  width:100%;
  height:90px;
  background:#14a6dd;
  display:table
}

#header-of-register h2
{
  font-size:23px;
}

#header-of-register div
{
  display:table-cell;
  vertical-align:middle;
}

#header-of-register img
{
  margin-right:20px;
  margin-left:13px;
}

#register-pop
{
    width: 85px;
    color: #14A6DD;
    padding-right: 0px;
    cursor: pointer;
    float:left;
    border-radius: 17px;
    font-family: 'Droid Arabic Kufi',Helvetica,sans-serif;
    font-size: 17px;
    padding: 2px 4px;    
    margin-bottom: 17px;
    background: none repeat scroll 0% 0% #FFF;
    border-style: none;
    text-align:center;
    position:relative;
    top:0px !important;
}

.no-account
{
  position:relative;
  top:10px;
}

#region
{
  padding: 0px 40px;
  background:rgba(255, 255, 255, 0.7);
  color: #504d4d;
  font-size: 17px;font-weight: bold;
  position: abosolute;
  right: 0px;
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  display:inline-block;
}

#lib-name
{
  padding: 1px 50px;
  background:rgba(20, 166, 221, 0.6);
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
  font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
  padding: 1px 50px;
}

.fblibrary
{
  width:26% !important;
}

.maillibrary,.telephone
{
  width:35% !important;
}

.mwaid,.fax
{
  width:25% !important;
}

.infobox
{
 white-space:nowrap;
}
/* cms style start -------------------------------------------------------------------------- */


div#contains {
margin:auto;
width:1000px;
height: 900px;
background-color:#FFF;
padding:0;
}
div#options {
margin:0 50px;
background-color:#FFF;
width:150px;
}
div#books_table {
margin:3px 50px;
padding:0;
width:900px;
background-color:#FFF;
}
td, th
{
border:1px solid #ccc
}
table img
{
  vertical-align:middle;
}
th
{
background-color:#ACC4E6;
color:#DEF6FF;

}
td.op{
background-color:#ADD8E6;
text-align:center;
}
td.b_t{
border:0px;
background-color:#ADD8E6;
text-align:center;
}
div#del_ed{
width:100px;

}
td#del_table {
width:150px;
height:30px;
border:0px;
}
td#image {
text-align:center;
}
/* NAZEEL style start -------------------------------------------------------------------------- */

.h1-margin {
	margin:0 50px 10px 0;
}

.h1-dot {
	background:#14A6DD;
	width:30px;
	height:30px;
	border-radius:10000px;
	float:right;	
}

#dashboard-container {
	width:910px;
	/*height:300px;*/
	border:15px solid #14A6DD;
	margin:0 auto;
	border-radius:20px;
	padding:20px 0 0 0;
	margin-bottom:30px;
}

.dashboard-row {
	height:49%;
	float:right;
	width:100%;
}

.dashboard-cell {
	width:22.8%;
	height:100%;
	/*background:#14A6DD;*/
	float:right;
	margin:0 10px;	
}


.sms-row {
	height:49%;
	width:415px;
	margin:67px auto;
}

.apartment_details
{

bottom: -11px;
left: 30px;
}

.sms-cell {
	width:180px;
	height:100%;
	/*background:#14A6DD;*/
	margin:0 10px;
	display:inline-block;
}

#add_client,.add_client,.view_client,.edit_client,.pop-default
{
	background: #fff !important;
	text-align: right;
	max-width: 440px;
	margin: 40px auto;
	position: relative;
	padding:8px;
	border:4px solid #14A6DD;
	border-radius:10px;
}

#apartment-price {
	background: #fff !important;
	text-align: right;
	max-width: 440px;
	margin: 40px auto;
	position: relative;
	padding:8px;
	border:4px solid #14A6DD;
	border-radius:10px;
}

#add_client  td,.add_client  td,.view_client  td,.edit_client td
{
  border:none !important;
}

fieldset
{
  padding-right: 13px;
  padding-bottom:10px;
}

#nazeel-menu {
  background: #14A6DD;
  width: auto;
  border-radius:10px
}
#nazeel-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block;
  zoom: 1;
}
#nazeel-menu ul:after {
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#nazeel-menu ul li {
  float: right;
  display: block;
  padding: 0;
}
#nazeel-menu ul li a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 15px 19px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
#nazeel-menu ul li a:hover {
  color: #000;
}
#nazeel-menu ul li a:hover:before {
  width: 100%;
}
#nazeel-menu ul li a:after {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: 19px;
  height: 12px;
  width: 2px;
  background: #ffffff;
  opacity: .5;
}
#nazeel-menu ul li a:before {
  content: '';
  display: block;
  position: absolute;
  right: 2px;
  bottom: 0;
  height: 100%;
  width: 0;
  background: #fff;
  -webkit-transition: width .25s;
  -moz-transition: width .25s;
  -ms-transition: width .25s;
  -o-transition: width .25s;
  transition: width .25s;
  opacity:.3;
}
#nazeel-menu ul li.last > a:after,
#nazeel-menu ul li:last-child > a:after {
  display: none;
}
#nazeel-menu ul li.active a {
  color: #eee;
}
#nazeel-menu ul li.active a:before {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #nazeel-menu ul li {
    float: none;
  }
  #nazeel-menu ul li a {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #nazeel-menu ul li a:after {
    display: none;
  }
  #nazeel-menu ul li a:before {
    height: 1px;
    background: #ffffff;
    width: 100%;
    opacity: .2;
  }
  #nazeel-menu ul li.last > a:before,
  #nazeel-menu ul li:last-child > a:before {
    display: none;
  }
}

.apartment-filter {
	width:100%;
	height:55px;
	margin-top:-20px;
	border-spacing:0px;
}


.bookings-filter {
	width:910px;
	height:43px;
 	margin-top:-20px ;
	border:none;
	color:#fff;
	white-space:nowrap;
	border-spacing:0px;
}


.bookings-filter td {
	border:none;
	dpadding-left:10px;
	padding:0 5px;
	font-size:12px;
	background:#14A6DD;
	text-align:right;
}

th {
	border:1px solid;
	padding:0 5px;
	background:#14A6DD;
	color:#fff;
}

table {
	width:850px;
	background:#fff;
	/*font-size:14px;
	border-spacing:0px;*/
}

.apartment-filter select , .bookings-filter select{
	width:100%;
	border-radius:8px;
	color:#fff;
	font-family:'Droid Arabic Kufi', Helvetica, sans-serif;
	font-size:12px;
	padding:0 5px 0 0;
	margin-bottom:17px;
	border: 1px solid #ccc;
	-webkit-appearance: none;        
    -moz-appearance: none;      
    background-image: url('../images/small-arrow-down.png');         
    background-position: 4px 5px;
	background-repeat: no-repeat;               
	text-indent: 0.01px;
	background-color:#14A6DD;
	text-overflow: "";
}

.search-botton,.export-button,.search-botton {
	height:30px;
	background:#fff;
	margin:0 auto;
	/*padding:5px;*/
	color:#14A6DD;
	border-radius:7px;
	text-align:center;
}

.search-botton:hover ,.export-button:hover {
	padding:3px 0;
	background:#eee;
}

.save-botton,.add-button,.view-button,.edit-button,.add-button-2,.close-button,.check-in ,.check-out,.save-botton-3,.save-botton-4 {
	width:98%;
	height:30px;
	background:#14A6DD;
	margin:0 auto;
	padding:5px;
	color:#fff;
	border-radius:7px;
	text-align:center;
	margin-top:15px;
	cursor:pointer;
}
#cboxClose
{
  position:absolute;
  top: 0;
left: 0;
}

.company_add img
{
  margin-left:10px;
}

.small-botton {
	background:#14A6DD;
	display:inline-block;
	color:#fff;
	border-radius:7px;
	text-align:center;
	margin-top:7px;
	cursor:pointer;
	padding:3px 10px;
	font-size:12px;
	float:left;
}


.save-botton:hover, .small-botton:hover {
	background:#999;
}


.apartments-cell {
	width:95px;
	height:115px;
	float:right;
	margin:10px;
	padding:0 18px;
}

.apartment-menu {
	width:63px;
	height:13px;
	margin:0 auto;
}

.apartment-number {
	font-size:10px;
	color:#fff;
	position:relative;
	text-align:center;
	bottom:70px;
	dmargin-bottom:-70px;
}

.apartment-oName {
	font-size:10px;
	color:#fff;
	position:relative;
	text-align:center;
	bottom:62px;
	margin:0 auto;
	line-height:12px;
	width:60px;
	font-weight:bold;
	margin-bottom:-46px;
}

.apartment-credit {
	font-size:10px;
	color:#14A6DD;
	text-align:center;
	margin:0 auto;
	line-height:17px;
	font-weight:bold;
	dmargin-bottom:-62px;
}

.small-input {
	font-size:10px;
	width:130px;	
}

.xsmall-input {
	font-size:10px;
	width:50px;	
}

.auto-input {
	font-size:10px;
	width:90%;	
}


.small-select {
	font-size:10px;
	width:84%;
	border-radius:20px;
	top:0;
	margin-bottom:0;
}

.xsmall-select {
	font-size:10px;
	width:84px;
	border-radius:20px;
	top:0;
	margin-bottom:0;
}


.customers-filter {
	width:100%;
	height:60px;
	margin-top:-20px;
	border-spacing:0px;
}

.furnitures-filter {
	width:100%;
	height:60px;
	margin-top:-20px;
	white-space:none;
	border-spacing:0px;
	font-size:14px;
}

.furnitures-filter td {
	border:none;
	white-space:none;
	padding:5px;
	background:#14A6DD;
	color:#fff;
}

.customers-table {
	width:910px;
	text-align:center;
	font-size:12px;
	border-spacing:0px;
}

.customers-table-head {
	padding:5px;
	background:#14A6DD;
	color:#fff;
	border:1px solid #fff;
	border-spacing:0px;
}

.pop-ups-container {
	width:400px;
	margin:0 auto;
	border-radius:10px;
	padding:10px;
	background:#fff;
}


.max-width800 .pop-ups-container {
  border:1px solid #14A6DD;
}

.pop-up-side
{
  width:300px !important;
  margin-right:20px;
}

.view-client-table {
	width:300px;
	height:30px;
	border-collapse:collapse;
	font-size:12px;
	margin:0 auto;
	border-spacing:0px;
}

.view-client-table td {
	padding:0 5px;
	border:none;
}

.edit-client-table {
	width:300px;
	height:30px;
	border-collapse:collapse;
	font-size:12px;
	margin:10px auto;
	border-spacing:0px;
}

.edit-client-table td {
	padding:5px;
	border:none;
}

.apartments-status {
	height:30px;
	border-collapse:collapse;
	font-size:12px;
	margin:10px auto;
	border-spacing:0px;
}

.apartments-status td {
	padding:5px;
	border:none;
}

.view-bookings-table {
	width:656px;
	height:30px;
	border-collapse:collapse;
	font-size:12px;
	margin:0 auto;
	border-spacing:0px;
}

.view-drafts-table {
	width:656px;
	height:30px;
	border-collapse:collapse;
	font-size:10px !important;
	margin:0 auto;
	border-spacing:4px !important;
}

.view-bookings-table-small {
	width:610px;
	border-spacing:0px;
}

.view-bookings-table td {
	padding:0 5px;
	border:none;
}



.customers-table td:hover {
	background:#999;
	color:#fff;
}


.view-booking-popup {
	border:7px solid #14A6DD;
	width:665px;
	margin:0 auto;
	border-radius:10px;
	padding:10px;
	max-width:680px !important;
	background:#fff;
}


.popup_test_style {
	border:7px solid #14A6DD;
	width:665px;
	margin:0 auto;
	border-radius:10px;
	padding:10px;
	max-width:680px ;
	background:#fff;
	font-size:12px;
}

#colorbox
{
 border:7px solid #14A6DD;
	margin:0 auto;
	border-radius:10px;
	padding:10px;
	background:#fff;
	font-size:12px;
  z-index:100000;
  overflow-y: scroll !important;
overflow-x: hidden !important;
max-height:800px;
}


.add-booking-popup {
	width:665px;
	margin:0 auto;
	border-radius:10px;
	padding:0 !important;
	max-width:680px !important;
	background:#fff;
	border:none !important;
}

.conditions-table {
	border:1px solid;
	width:610px;
	margin:0 auto;
	border-spacing:0px;
}

.bookings-edit-container {
	border:1px solid #14A6DD;
	border-radius:20px;
	width:auto;
	height:auto;
	padding:20px;
	margin-top:15px;
}

.bookings-edit-row {
	border:1px solid #14A6DD;
	border-radius:15px;
	margin:5px 0;
	padding:10px;
}

.edit-bookings-table {
	width:600px;
	height:30px;
	border-collapse:collapse;
	font-size:12px;
	margin:15px auto;
	border:none !important;
	text-align:right;
	font-weight:bold;
	border-spacing:0px;
}

.edit-bookings-table td {
	border:none;
	padding:5px 0;
}

.add-service-box {
	border:1px solid #14A6DD;
	border-radius:10px;
	padding:10px;
	margin:10px;
}

.add-service-cell {
	background:#14A6DD;
	display:inline-block;
	padding:5px 15px;
	margin:5px;
	color:#fff;
	font-size:12px;
}

.add-service-left {
	width:432px;
	float:right;
	height:100px;
	margin-top:20px
}

.showing-results 
{
	padding:15px;
  top: 11px;
}

.bg-head {
	background:#14a6dd !important;
	color:#fff;
}

.loading {
	background:url(../images/loading.gif) no-repeat left;
	width:15px;
	height:15px;
}

.upload {
	background:url(../images/upload-arrow.png) no-repeat right;
	width:150px;
	height:25px;
	bottom: 22px;
    cursor: pointer;
    height: 22px;
    margin-bottom: -21px;
    position: relative;
    right: 10px;
}

input.upload {
	opacity:0;
}